/*
Theme Name: German Newspaper
Theme URI: http://it-gnoth.de/projekte/wordpress/themes/
Description: A variable width (800px, 1024 px), three columns "Newspaper" theme for Wordpress, widgets ready. with enough space for pictures and advertisements.
Version: 1.2.2
Author: Christian Gnoth
Author URI: http://it-gnoth.de/
Tags: white, custom color, variable width (800px, 1024px), three columns, widgets ready, pictures, magazine style
*/


/*  Copyright 2008  CHRISTIAN GNOTH  (email : support@it-gnoth.de)

    This theme is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This theme is distributed in the hope that it will be useful, 
    but WITHOUT ANY WARRANTY; without even the implied warranty of 
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  
    See the GNU General Public License for more details.

    You should have received a copy of the GNU General Public License 
    along with this program.  If not, see <http://www.gnu.org/licenses/>,
    or write to the Free Software Foundation Inc., 
    51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    NOTICE:	This wordpress theme is provided free as long as you link back to 
		the designer and provider of the theme, If you would like to remove 
		the links back to the designer and provider, Please contact the 
		designer of the theme to buy the rights for use of this template. 
		Removing the following links in the footer is prohibited by law.
*/


/*

Inspired from the theme "Breaking News" I created this Newspaper theme. In this theme I build in 2 sidebars and 2 bottom bars accessible as sidebars. So, you have enough space for your pictures and video galleries and/or advertisements.

The News-Headline below the header I created as I saw it on a newspaper here in Germany.

Your are free ans welcome to write me any suggestions or experiences you have with this theme. If you like to have some other features, ask and I will look how to do.

This theme is released under the GPL license.

*/


/*---| global definitions |---*/

*{ margin:0; padding:0; border:0; }

ol,ul{ list-style:none; margin-bottom:10px; }
li{ line-height:160%; }

p
{
	line-height:			150%;
	margin-bottom:		10px;
}

table
{
	border-collapse:	separate;
	border-spacing:		0;
}

caption,th,td
{
	text-align:				left;
	font-weight:			normal;
}

blockquote:before,blockquote:after,
q:before,q:after
{
	content:					"";
}

blockquote,q{ quotes:"" ""; }

body
{
	min-width:				40em;
	line-height:			1;
	background:				silver;
	color:						#333;
	text-align:				justify;
	font-family:			"Lucida bright",Verdana,Georgia,Inherit,"Times new roman",Arial,Sans-Serif,serif;
	font-size:				100.01%;
	outline:					0;
	vertical-align:		baseline;
}

h2
{
	font-size:				18px;
	font-weight:			bold;
	font-style:				italic;
	line-height:			150%;
	font-family:			"Lucida bright",Verdana,Georgia,Inherit,serif;
	font-variant:			small-caps;
	text-align:				left;
}

h3
{
	text-align:				left;
	font-size:				15px;
	font-weight:			bold;
	line-height:			150%;
	font-variant:			small-caps;
}

a
{
	text-decoration:	none;
	text-align:				left;
	color:						#123456;
}

a:visited{ color:#345678; }

a:hover, a:active
{
	text-decoration:	underline;
	color:						#777;
}

img
{
	padding:					1px;
	background:				#000;
/*
border:5px solid #fff;
border:10px solid #eee;
*/
	max-width:				95%;
	margin:						0px 5px 5px 5px;
}

img.wp-smiley
{
	display:					inline !important;
	margin:						0 !important;
	padding:					0 !important;
	background:				transparent !important;
	vertical-align:		middle !important;
	border:						0 !important;
}

strong{ font-weight:bold; }
em{ font-style:italic; }

small
{
	font-family: 			Inherit, Arial, Helvetica, Sans-Serif;
	font-style:				italic;
	font-size: 				1.0em;
	text-align:				left;
	line-height: 			1.3em;
}




/*-----nicht anzeigen-----*/

hr {display:none;}



/*---| various Class definitions |---*/

.small
{
	font-size: 				1.5em;
	padding: 					3px 6px;
	text-align:				left;
	line-height:			110%;
}

.left 	{	float:left; }
.right	{ float:right; }
.bold 	{ font-weight:700; }
.hide 	{ display:none; }
.hidden { visibility: hidden; }
.clear  { clear:both; display: block; }

.date
{
	text-align:				right;
	margin: 					0px 5px 5px 0px;
	font-size:				12px;
	color:						#111;
	display:					block;
}

.description
{
	font-size: 				12px;
	letter-spacing:		2px;
	text-transform:		uppercase;
}

.button
{
	border: 					1px solid #999;
	color: 						#000;
	background: 			#ccc;
	padding: 					3px;
}

.rss_symbol
{
	margin: 					0px 0px 0px 3px;
	padding: 					0px 0px 0px 16px;
	width: 						auto;
	background: 			url(images/icons/12px-rss-feed.png) no-repeat left center;
}



/*---| header |---*/

#header
{
	height:						auto;
	text-align:				center;
	background:				transparent url(images/earth_2.gif) no-repeat 25px 10px;
	border-bottom:		3px solid #000;
	font-family:			Georgia;
	margin-bottom: 		5px;
	width:  					100%;
}

#header h2 a
{
	color:						#000;
	text-decoration:	none;
}

#header div.description
{
	color:						#999;
}

#header div.logo
{
	width:						150px;
	height:						75px;
	float:						left;
	background:				transparent url(images/water.jpg) no-repeat left top;
	margin-left:			10px;
	position:					relative;
}

#header div.logo span
{
	display:					none;
}


/*---| page bar |---*/

#page_bar_container
{
	border-bottom:		3px solid #000;
	margin: 					5px 0px 0px 0px;
	padding-bottom: 	2px;
	overflow:					hidden;
	clear:						both;
	width:  					100%;
}

.page_bar
{
	margin: 					2px 0 2px 0;
	float:						left;
	position:					relative;
	height: 					1%;
}

ul.page_tabs
{
	list-style: 			none;
	font-size:				12px;
	text-transform:		uppercase;
	margin:						0;
	padding:					0;
}

.page_tabs li, .page_tabs li.page_item
{
	margin:						0 2px 0 0;
	text-align:				center;
	float:						left;
	height: 					23px;
}

.page_tabs li A:link, .page_tabs li A:visited
{
	border: 					1px solid white;
/*	background: white;*/
/*	background: #CFCFCF;*/
	color: 						black;
	padding:					3px 8px 3px 8px;
}


.page_tabs li A:hover, .page_tabs li A:focus, .page_tabs li A:active
{
	color:						black;
	background: 			#DFDFDF;
	border: 					1px solid silver;
	padding:					3px 8px 3px 8px;
}






/*---| news headline |---*/

#newslist
{
	border-bottom:		3px solid #000;
	margin:       		0px;
	padding:      		0px;
	background:				white;
	height:						auto;
	width:        		100%;
	clear:        		both;
	font-size:				10px;
	position:     		relative;
	overflow: 				hidden;
}

#newslist .description
{
	font-size:				14px;
	text-align:				center;
	height:						15px;
	color:						#999;
	margin-top:				8px;
	letter-spacing:		2px;
	text-transform:		uppercase;
}

#news_table
{
	position: 				relative;
	width:    				100%;
	height:   				auto;
	padding: 					0px;
	margin:   				10px 0px 10px 0px;
}


#newslist .left_image img
{
	float:        		left;
	width:						100%;
	height:						100%;
	position:					relative;
	overflow: 				hidden;
}


#newslist .right_image img
{
	float:						left;
	width:						100%;
	height:						100%;
	position:					relative;
	overflow: 				hidden;
}


#newslist .post h2
{
	padding:					0 10px 0 0;
	font-size:				13px;
	font-family:			"lucida bright",Inherit,Georgia,"Georgia";
	font-style:				normal;
}

#newslist ul
{
	margin-bottom:		0;
	padding:					5px;
}

#newslist ul li
{
	display:					inline;
	margin-right:			10px;
}

#newslist .post em
{
	font-family:			inherit;
	font-size: 				10px;
}

#newslist a
{
	color:						#333;
	text-transform:		uppercase;
	font-style:				normal;
	font-size:				10px;
}



/*---| middle container |---*/

#content_container
{
	display:      		block;
	width:        		100%;
	height:       		auto;
	position:     		relative;
	margin:       		0px;
	padding:      		0px;
}



/*---| bottom sidebars |---*/

#bottom_container
{
	clear:						both;
	float:						left;
	border-top:				3px solid #000;
	position:					relative;
	list-style:				none;
	width: 						100%;
	height: 					auto;
}

#sidebar_b1
{
	margin: 					0;
	padding:					5px 0px 5px 0px;
	float:						left;
	position:					relative;
	background:				white;
	text-align:				left;
	font-size: 				0.95em;
	height: 					auto;
	width:  					100%;
}

#sidebar_b1 .description
{
	color:						#999;
	margin:						5px 0 5px 0;
	padding:					0 0 5px 0;
	letter-spacing:		2px;
	text-align:				center;
	text-transform:		uppercase;
	border-bottom: 		1px solid #000;
	clear:						both;
}

#sidebar_b1 a
{
	width:						auto;
	color:						#333;
	text-align:				left;
	display:					block;
}

#sidebar_b1 h2
{
	font-size:				18px;
}

ul.sidebar_b1_ul
{
	float:						left;
	display:  				inline;
	position:					relative;
}

ul.sidebar_b1_ul li.widget
{
	display:  				inline;
	float:						left;
	position:					relative;
	vertical-align:		top;
	font-size:				12px;
	margin:						0 0 10px 0;
	padding:					5px 15px 5px 15px;
	width: 						auto;
}


ul.sidebar_b1_ul li ul,
ul.sidebar_b1_ul li ul li
{
	vertical-align:		baseline;
	display:					block;
	float:						none;
}

ul.sidebar_b1_ul li ul li a
{
	display:					block;
}

ul.sidebar_b1_ul,
ul.sidebar_b1_ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
	display:					block;
}

ul.sidebar_b1_ul li ul li ul
{
	margin-bottom:		0;
	padding-right:		10px;
}


/*  Botom Bar 2 */


#sidebar_b2
{
	margin: 					0;
	padding:					5px 0px 5px 0px;
	clear:						both;
	float:						left;
	position:					relative;
	background:				white;
	text-align:				left;
	font-size: 				0.95em;
	height:						auto;
	width:  					100%;
}


#sidebar_b2 .description
{
	color:						#999;
	margin:						5px 0 5px 0;
	padding:					0 0 5px 0;
	letter-spacing:		2px;
	text-align:				center;
	text-transform:		uppercase;
	border-bottom: 		1px solid #000;
	clear:						both;
}


#sidebar_b2 a
{
	width:						auto;
	color:						#333;
	text-align:				left;
	display:					block;
}


#sidebar_b2 h2
{
	font-size:				18px;
}

ul.sidebar_b2_ul
{
	float:						left;
	display:  				inline;
	position:					relative;
}

ul.sidebar_b2_ul li.widget
{
	display:  				inline;
	float:						left;
	position:					relative;
	vertical-align:		top;
	font-size:				12px;
	margin:						0 0 10px 0;
	padding:					5px 15px 5px 15px;
	width: 						auto;
}


ul.sidebar_b2_ul li ul,
ul.sidebar_b2_ul li ul li
{
	vertical-align:		baseline;
	display:					block;
	float:						none;
}

ul.sidebar_b2_ul li ul li a
{
	display:					block;
}

ul.sidebar_b2_ul,
ul.sidebar_b2_ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
	display:					block;
}

ul.sidebar_b2_ul li ul li ul
{
	margin-bottom:		0;
	padding-right:		10px;
}



/*---| left sidebar |---*/

#sidebar
{
	padding:					10px 10px 10px 5px;
	float:						left;
	width:						160px;
	height:       		100%;
	position:     		relative;
	text-align:				left;
	font-size:				13px;
	font-weight:			normal;
	border-right: 		1px solid #000;
	list-style:				none;
	display:      		block;
	overflow:					hidden;
}

#sidebar h2
{
	font-size:				16px;
}

/*
#sidebar ul li ul{
border-bottom:1px solid #000;
margin-bottom:15px;
padding-bottom:15px;
}
*/

#sidebar ul li
{
	border-bottom:		1px solid #000;
	margin-bottom:		15px;
	padding-bottom:		15px;
	width:						160px;
}

#sidebar ul,
#sidebar ul li ul li,
#sidebar ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
	width:						160px;
}


/*---| right big sidebar |---*/

#sidebar_right
{
	padding:					10px;
	float:						left;
	width:						225px;
	height:       		100%;
	position:					relative;
	font-size:				11px;
	text-align:				left;
	border-left:			1px solid #000;
	list-style:				none;
	display:      		block;
	overflow:					hidden;
}

#sidebar_right h2
{
	font-size:				16px;
	font-style:				normal;
	width:						225px;
}

#sidebar_right .post
{
	padding-bottom:		15px;
	margin-bottom:		15px;
	border-bottom:		1px solid #000;
	width:						225px;
}

#sidebar_right em
{
	font-style:				italic;
}

#sidebar_right blockquote
{
	padding:					6px;
	font-style:				italic;
	color:						#555;
}

#sidebar_right blockquote p
{
	font-style:				italic;
}

#sidebar_right code
{
	font-family:			courier,"courier new", monospace;
	font-size:				14px;
	background-color:	#dfdfdf;
}

#sidebar_right div.information
{
	margin-bottom:		10px;
	padding-bottom:		10px;
	border-bottom:		1px solid #000;
}

#sidebar_right ul li
{
	border-bottom:		1px solid #000;
	margin-bottom:		15px;
	padding-bottom:		15px;
}

#sidebar_right ul,
#sidebar_right ul li ul li,
#sidebar_right ul li ul li ul
{
	border-bottom:		0;
	margin-bottom:		0;
	padding-bottom:		0;
}

#sidebar_right ul li ul li ul
{
	margin-bottom:		0;
	padding-right:		10px;
}


/*---| content |---*/


#content .tags, .postmetadata
{
	text-align: 			left;
}

#content h1,h2,h3,h4,h5
{
	margin:						15px 0 5px 0;
	text-align:				left;
	clear:						both;
}

#content a
{
	text-align:				left;
}


#content .post
{
	padding-bottom:		30px;
	margin-top:				10px;
	border-bottom:		1px solid #000;
	color:						#000;
}

#content .post h2
{
	font-size:				22px;
	font-weight:			normal;
	text-align:				left;
	float:						none;
	clear:						both;
}

#content ul
{
	list-style-type:	square;
	padding-left:			30px;
}

#content ol
{
	list-style-type:	decimal;
	padding-left:			30px;
}

#content code
{
	font-family:			courier,"courier new", monospace;
	font-size:				14px;
	background-color:	#dfdfdf;
}

#content blockquote
{
	padding:					6px;
	font-style:				italic;
	text-align:				left;
	color:						#555;
}

#content blockquote p
{
	font-style:				italic;
}

.navigation div
{
	line-height:			200%;
}

p.details_small
{
	font-size:				11px;
	color:						#876543;
}

p.details_small a
{
	color:						#876543;
	text-decoration:	underline;
}

p.date
{
	text-align:				right;
	font-size:				12px;
	color:						#111;
}

#content em
{
	font-style:				italic;
}


/*---| comments |---*/

#comments
{
	margin-bottom:		10px;
	padding-bottom:		10px;
	border-bottom:		1px solid #000;
}

.commentlist big
{
	font-size:				16px;
	display:					block;
	font-variant:			small-caps;
	margin-bottom:		5px;
}

.commentlist li
{
	margin-bottom:		8px;
	padding-bottom:		8px;
	border-bottom:		1px solid #000;
}

.commentlist ul li,
.commentlist ol li
{
	margin-bottom:		0;
	padding-bottom:		0;
	border-bottom:		0;
}

.commentlist ul
{
	padding-left:			20px;
	list-style-type:	square;
}

.commentlist ol
{
	padding-left:			20px;
	list-style-type:	decimal;
}

p.nocomments
{
	padding-bottom:		30px;
	border-bottom:		1px solid #000;
	font-weight:			bold;
	font-size:				15px;
}

.allowed-tags
{
	display:					none;
}


/*---| forms |---*/

#commentform
{
	margin-bottom:		15px;
	padding-bottom:		15px;
	border-bottom:		1px solid #000;
}

textarea
{
	width:						100%;
	border: 					1px solid #999;
}

/*---| Suchen |-----*/

#searchform input
{
	color: 						#333;
	background: 			#ccc;
	border:						1px solid #999;
	font-weight: 			normal;
	cursor: 					pointer;
	font-size: 				1.0em;
	margin: 					10px 0 10px 10px;
	padding: 					3px;
}

#searchform input:hover
{
	color: 						#eee;
	background: 			#666;
	border: 					1px solid #999;
}

#searchform #s
{
	margin: 					10px 0px 10px 0px;
	padding: 					5px;
	background: 			#fff;
	color:  					#000;
	border: 					1px solid #999;
	cursor: 					default;
}

#searchform #s:hover
{
	background: 			#F1F1F1;
	color: 						#000;
	border: 					1px solid #999;
}


/*---| buttons |---*/

#commentform input
{
	border: 					1px solid #999;
	color: 						#000;
	background: 			#ccc;
	padding: 					3px 3px 3px 3px;
}

#commentform input:hover
{
	border: 					1px solid #999;
	color: 						#eee;
	background: 			#888;
	padding: 					3px 3px 3px 3px;
}


/*---| footer |---*/

#footer
{
	padding:					10px;
	background:				white;
	border-top:				5px solid #000;
	clear:						both;
	text-align:				center;
	font-size:				11px;
}

/*---| Kalender |---*/

#calendar-wrap
{
	margin:						5px;
	padding-bottom:		0;
	border-bottom:		0;
	width:						1em;
	vertical-align:		top;
}

#wp-calendar
{
	border-collapse: 	collapse;
	font-size: 				0.8em;
	border: 					1px solid #1f2522;
	line-height: 			1.4em;
	margin: 					0 0 10px 0;
	width:						1em;
	vertical-align:		top;
}

#wp-calendar th
{
	background: 			silver;
	color: 						#333;
	border: 					1px solid #395127;
	text-align: 			center;
}

#wp-calendar table.nav,
#wp-calendar th,
#wp-calendar td
{
	padding: 					1px 2px;
}

#wp-calendar td
{
	color: 						#1f2522;
	background:				#E8E0CD;
	border: 					1px solid #1f2522;
	text-align: 			center;
}

#wp-calendar #next a
{
	padding-left: 		1px;
	text-align: 			right;
}

#wp-calendar #prev a
{
	padding-right: 		1px;
	text-align: 			left;
}

#wp-calendar a
{
	display: 					block;
	text-decoration: 	none;
}

#wp-calendar caption
{
	color: 						#333;
	font-family:			Verdana;
	text-align:				left;
	font-weight:			bold;
	padding:					5px 0;
	margin:						0 auto;
}

#wp-calendar tbody td a
{
	color: 						#c73119;
	background: 			inherit;
}

#wp-calendar tbody td a:hover
{
	background:				inherit;
	color: 						silver;
}

#wp-calendar #today
{
	background: 			silver;
	color: 						#333;
}

#wp-calendar #today a
{
	background:				silver;
	color: 						#c73119;
}

#wp-calendar #today a:hover
{
	background: 			silver;
	color: 						#333;
}

#wp-calendar tfoot td
{
	border: 					0;
	color: 						#333;
	background: 			silver;
}

#wp-calendar tfoot td a
{
	color: 						#333;
	background: 			silver;
}

#wp-calendar tfoot td a:hover
{
	color: 						#000;
	background: 			silver;
}



/*---| WordPress requirements |---*/

.aligncenter
{
	display: 					block;
	margin-left: 			auto;
	margin-right: 		auto;
}

.alignleft
{
	float: 						left;
	clear:						left;
}

.alignright
{
	float: 						right;
	clear:						right;
}

.wp-caption
{
	border: 					1px solid #ddd;
	text-align: 			center;
	background-color: #f3f3f3;
	padding-top: 			4px;
	margin: 					10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 		3px;
}

.wp-caption img
{
	margin: 					0;
	padding: 					0;
	border: 					0 none;
}

.wp-caption-dd
{
	font-size: 				11px;
	line-height: 			17px;
	padding: 					0 4px 5px;
	margin: 					0;
}